<extend name="Public/base"/>
<block name="head">
    <title>模块列表</title>
    <link rel="stylesheet" href="__JS__/gmu/reset.css"/>
    <link rel="stylesheet" href="__CSS__/admin/docs.css"/>
    <style>
        .module_list li{
            float: left;
            width: 50%;
            min-width: 140px;
            border: none;
        }
        .module_list li .item{
            border: 1px #dddddd solid;
            margin: 5px;
            box-shadow: 1px 3px 5px #ddd;
        }
        .module_list li img{
            width: 100%;
        }
        .module_list li a{
            text-decoration: none;
        }
        .module_list li a .info{
            color: #fff;
            font-size: 12px;
            padding: 5px;
            background-color: #000000;
            opacity: .6;
        }
        .module_list li a .info .line{
            overflow: hidden;
            height: 14px;
            line-height: 14px;
            word-break: break-all;
        }
    </style>
</block>
<block name="body">
    <div class="pages">
        <section id="S_widgets" class="widget_page">
            <div>
                <h3>模块列表</h3>
                <ul class="module_list" id="J_widgetList">
                    <volist name="module_list" id="vo" key="key">
                        <li>
                            <div class="item">
                                <a href="">
                                    <img src="{$vo.config.icon}" alt="{$vo.config.name}"/>
                                    <div class="info">
                                        <div class="line">模块：{$vo.config.name}</div>
                                        <div class="line">作者：{$vo.config.author}</div>
                                        <div class="line">版本：{$vo.config.version}</div>
                                        <div class="line">发布时间：{$vo.config.release_date}</div>
                                    </div>
                                </a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </section>
    </div>
</block>
<block name="script">

</block>